<template>
  <div :class="[backtype,'commonstyle', ...classes ]" :style="styleses">
    <slot />
  </div>
</template>
<script>
import defaultmixins from "@/mixins/bigScreen/defaultmixins";

export default {
  name: 'BackfroundDiv',
  mixins: [defaultmixins],
  props: {
    backtype: {
      default: ""
    },
  },
  components: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},
  mounted() {

  },
  methods: {}
};
</script>
<style lang='scss' scoped>

.zzbpback{
  background-image: url("/configuration/2d/zzbp.jpg");
  // background-image: url("/configuration/2d/zzbp.png");

}

.backshadow {
  // background-image: url("/configuration/shadow.png");
  box-shadow:rgb(33, 40, 67) 0px 0px 100px inset;
}

.backheader {
  background-image: url("/configuration/header.png");
}

.backcontent {
  background-image: url("/configuration/content.png");
}

.backdefault {
  background-image: url("/configuration/road-head1.png");
}

.commonstyle {
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
</style>